<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>数据列表</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
<div id="grid">
    <table class="grid_data">
        <thead>
        <tr>
            <td>序号</td>
            <td>编码</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>身高</td>
            <td>体重</td>
            <td>创建日期</td>
        </tr>
        </thead>
        <tbody>
        <tr class="row{{i%2}}">
            <td>{{i+1}}</td>
            <td title="{{value.Code}}">{{value.Code}}</td>
            <td title="{{value.Name}}">{{value.Name}}</td>
            <td>{{value.Age}}</td>
            <td>{{value.Height}}</td>
            <td>{{value.Weight}}</td>
            <td>{{value.CreateDate}}</td>
        </tr>
        </tbody>
    </table>
</div>
</body>

<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../lib/template.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script>
    $('#grid').uiGrid({
        autoFit: true,
        colFit: true,
        gridTitleFix: true,
        width: 1000,
        height: 200,
        showHeader: true,
        icon: 'list',
        title: '数据列表',
        url: 'data.json',
        onLoadDataSuccess: function (data) {
            alert(data.total);
        }
//        url: 'big_data.json'
    });
</script>
</html>